<template>
  <div>
    <a-row class="mytitle" style="margin-bottom:10px">
      {{ $t("Network_topology") }}
    </a-row>
    <a-tabs type="card" :default-active-key="defaultActiveKey">
      <a-tab-pane key="topology-graph" :tab="$t('Network')">
        <NetTopology />
      </a-tab-pane>
      <!-- <a-tab-pane key="network-planning" tab="规划">
        <NetPlanning />
      </a-tab-pane> -->
    </a-tabs>
  </div>
</template>

<script>
import NetTopology from '@/views/physical/netSubPage/NetTopology'
import NetPlanning from '@/views/physical/netSubPage/NetPlanning'

export default {
  name: "NetMainPage",
  components: { NetTopology, NetPlanning },
  data() {
    return {
      defaultActiveKey: 'topology-graph'
    }
  },
  methods: {

  },
}
</script>
<style scoped>
  ::v-deep.ant-tabs-bar {
    margin: 0;
    padding-left: 20px;
  }
  ::v-deep.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 0;
    padding: 0 24px;
    border-right: none;
    border-left: none;
    /* border: none; */
  }
  ::v-deep.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border-top: 2px solid var(--themeColor);
  }
</style>